import { createBrowserRouter } from "react-router-dom";
import Login from "@/pages/Login";
import Home from "@/pages/Home";
import Detail from "@/pages/Detail";
import Main from "@/pages/Main";
import Message from "@/pages/Message";
import Me from "@/pages/Me";

const router = createBrowserRouter([
  {
    path: 'login',
    element: <Login></Login>
  },
  {
    path: '/',
    element: <Main></Main>,
    children: [
      {
        index: true,
        element: <Home></Home> 
      },
      {
        path: '/message',
        element: <Message></Message>
      },
      {
        path: '/me',
        element: <Me></Me>
      }
    ]
  },
  {
    path: '/detail',
    element: <Detail></Detail>
  }
])

export { router }